<!-- INCLUDE ucp_header.html -->
                                                                                                                           
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function($) {    
	$('textarea[maxlength]').keyup(function(){  
    var limit = parseInt($(this).attr('maxlength'));  
    var text = $(this).val();  
    var chars = text.length;  

    if(chars > limit){  
      var new_text = text.substr(0, limit);  
      $(this).val(new_text);  
    }  
  });
});
// ]]>
</script>

<h2>{L_TITLE}</h2>

<form id="ucp" method="post" action="{U_ACTION}">

  <div class="panel">
  	<div class="inner"><span class="corners-top"><span></span></span>
    	<fieldset>  
        <!-- IF ERROR --><p class="error">{ERROR}</p><!-- ENDIF -->       
      	<dl>
      		<dt><label for="hometown">{L_SN_UP_HOMETOWN}:</label></dt>
      		<dd><input type="text" name="hometown" id="hometown" value="{HOMETOWN}" maxlength="255" class="inputbox" /></dd>
      	</dl>
      	<dl>
      		<dt><label for="sex">{L_SN_UP_SEX}:</label></dt>
      		<dd>
            <select name="sex" id="sex" style="width: 30%;">
              <option value="0"<!-- IF SEX == '0' --> selected="selected"<!-- ENDIF -->></option>
							<option value="1"<!-- IF SEX == '1' --> selected="selected"<!-- ENDIF -->>{L_SN_UP_MALE}</option>
							<option value="2"<!-- IF SEX == '2' --> selected="selected"<!-- ENDIF -->>{L_SN_UP_FEMALE}</option>
						</select>
          </dd>
      	</dl>
      	<dl>
      		
      	<dl>
      		
      	<dl>
      		<dt><label for="youtube">{L_SN_UP_YOUTUBE}:</label></dt>
      		<dd><input type="text" name="youtube" id="youtube" value="{YOUTUBE}" maxlength="255" class="inputbox" /></dd>
      	</dl>
      	<dl>
          	<dl>
      		<dt><label for="quotations">{L_SN_UP_QUOTATIONS}:</label></dt>
      		<dd><textarea name="quotations" id="quotations" class="inputbox" rows="2" maxlength="1024">{QUOTATIONS}</textarea></dd>
      	</dl>
      	<dl>
      		<dt><label for="music">{L_SN_UP_MUSIC}:</label></dt>
      		<dd><textarea name="music" id="music" class="inputbox" rows="2" maxlength="1024">{MUSIC}</textarea></dd>
      	</dl>
      	<dl>
      		<dt><label for="books">{L_SN_UP_BOOKS}:</label></dt>
      		<dd><textarea name="books" id="books" class="inputbox" rows="2" maxlength="1024">{BOOKS}</textarea></dd>
      	</dl>
      		
      	</fieldset>
  
  	<span class="corners-bottom"><span></span></span></div>
  </div>                    

  <fieldset class="submit-buttons">
    <input type="reset" value="{L_RESET}" name="reset" class="button2" />&nbsp; 
  	<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
  	{S_FORM_TOKEN}
  </fieldset>
</form>

<!-- INCLUDE ucp_footer.html -->